<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>{:config('PRODUCT_NAME')} | {block name="title"}{$title}{/block}</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="/static/adminlte/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/plugins/font-awesome-4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="//cdn.bootcss.com/ionicons/2.0.1/css/ionicons.min.css">
    <link rel="stylesheet" href="/static/adminlte/dist/css/AdminLTE.min.css">
    <!-- AdminLTE Skins. Choose a skin from the css/skins folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href="/static/adminlte/dist/css/skins/_all-skins.min.css">
    <style>
        body{
            font-family: "Microsoft YaHei",FontAwesome,sans-serif;
        }
        .builder-data-empty {
            margin-bottom: 20px;
            background-color: #f9f9f9;
        }
        .no-data {
            padding: 130px 0;
            color: #555;
        }
        .am-text-center {
            text-align: center !important;
        }
        a{
            cursor:pointer;
        }
    </style>
    {block name="myStyle"}{/block}
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="hold-transition skin-blue sidebar-mini fixed">
<div class="wrapper">
    <!--顶部banner-->
    <header class="main-header">
        <a href="{:url('Index/index')}" class="logo" style="height: 52px">
                <span class="logo-mini">
                    <img src="/static/images/a1.jpg" width="51px" alt="{admin}">
                </span>
            <span class="logo-lg">API管理平台</span>
        </a>
        <nav class="navbar navbar-static-top">
            <a href="javascript:void(0);" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                <span class="sr-only">Toggle navigation</span>
            </a>
            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <li class="dropdown user user-menu">
                        <a href=";" id="logoutBtn" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                            <span class="hidden-xs">注销</span>
                        </a>
                    </li>
                </ul>
            </div>
        </nav>
    </header>
    <!-- 左侧导航栏 -->
    <aside class="main-sidebar" id="main-sidebar">
        <section class="sidebar">
            <!--管理员信息-->
            <div class="user-panel">
                <div class="pull-left image">
                    <img src="/static/images/a1.jpg" class="img-circle" alt="头像">
                </div>
                <div class="pull-left info">
                    <p>{$userInfo['nickname']}</p>
                    <a href="javascript:void(0);"><i class="fa fa-circle text-success"></i> Online</a>
                </div>
            </div>
            <!--搜索表单-->
            <form action="#" method="get" class="sidebar-form">
                <div class="input-group">
                    <input type="text" name="q" class="form-control" placeholder="Search...">
                        <span class="input-group-btn">
                            <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
                        </span>
                </div>
            </form>
            <ul class="sidebar-menu">
                <li class="header">主菜单</li>
                {volist name="menuData" id="menuValue"}
                {if condition="!empty($menuValue['url']) OR (isset($menuValue['_child']) AND count($menuValue['_child']))"}
                {if condition="isset($menuValue['_child']) AND count($menuValue['_child'])"}
                <li class="treeview">
                    <a href="javascript:void(0);">
                        <i class="fa {$menuValue['icon']}"></i> <span class="menuFather">{$menuValue['title']}</span>
                                        <span class="pull-right-container">
                                            <i class="fa fa-angle-left pull-right"></i>
                                        </span>
                    </a>
                    <ul class="treeview-menu">
                        {volist name="menuValue['_child']" id="childValue"}
                        <li class="menuChild"><a url="{:url($childValue['url'])}" href="{:url($childValue['url'])}" class="refresh"><i class="fa {$childValue['icon']}"></i> {$childValue['title']}</a></li>
                        {/volist}
                    </ul>
                </li>
                {else /}
                <li>
                    <a url="{:url($menuValue['url'])}" href="{:url($menuValue['url'])}" class="refresh">
                        <i class="fa {$menuValue['icon']}"></i> <span class="menuFather">{$menuValue['title']}</span>
                    </a>
                </li>
                {/if}
                {/if}
                {/volist}
            </ul>
        </section>
    </aside>

    <div class="content-wrapper">
        <!-- 头部（面包屑导航） -->
        <section class="content-header" id="content-header">
            <h1>{$title}</h1>
            <ol class="breadcrumb" id="breadcrumb">
                <li><i class="fa fa-dashboard"></i>　首页</li>
                {volist name="subtitle" id="subvalue"}
                 <li><i class="fa fa-dashboard"></i>{$subvalue}</li>
                {/volist}
            </ol>
        </section>
        <section class="content" id="content">
            {block name="content"}{/block}
        </section>
    </div>

    <!-- 公用底部(完成适配) -->
    <footer class="main-footer">
        <div class="pull-right hidden-xs">
            <b>Version</b> {:config('PRODUCT_VERSION')}
        </div>
        <strong>Copyright &copy; 2014-{:date('Y')} <a href="{:config('WEBSITE_DOMAIN')}">{:config('COMPANY_NAME')}</a>.</strong> All rights reserved.
    </footer>
    <!-- 主题适配相关(完成适配) -->
    <div class="control-sidebar-bg"></div>
</div>
<!-- jQuery 2.2.3 -->
<script src="/static/adminlte/plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- Bootstrap 3.3.5 -->
<script src="/static/adminlte/bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick -->
<script src="/static/adminlte/plugins/fastclick/fastclick.min.js"></script>
<!-- jquery.slimscroll -->
<script src="/static/adminlte/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- BootBox -->
<script src="/static/plugins/bootBox/bootbox.min.js"></script>
<!-- AdminLTE App -->
<script src="/static/adminlte/dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes -->
<!--<script src="/static/adminlte/dist/js/demo.js"></script>-->
<script>
    var JS_PATH = '__JS__';
    var CSS_PATH = '__CSS__';
    var STATIC_PATH = '__STATIC__';
    var IMG_PATH = '__IMG__';
    var PLUGIN_PATH = '__PLUGIN__';
    var COMPANY_NAME = '{:config("COMPANY_NAME")}';

    /**
     * 自动适配面包屑导航
     */
    $('body').on('click', '.menuChild', function() {
        $('.menuChild').removeClass('active');
        $(this).addClass('active');
        var parentName = $.trim($(this).parent().prev().text());
        var ownName = $(this).children('a').text();
        var breadcrumb = $('#breadcrumb');
        breadcrumb.html('<li><i class="fa fa-dashboard"></i>　首页</li>');
        breadcrumb.append('<li>'+ parentName +'</li><li>'+ ownName +'</li>');
        breadcrumb.prev().text(ownName);
    });
</script>
<!--<script src="/static/adminlte/dist/js/template.js"></script>-->
<script src="/static/plugins/vue/vue.min.js"></script>
<script>
    var app = new Vue({
        el:'#content',
        method:function(){

        }
    });
</script>
{block name="myScript"}{/block}
</body>
</html>
